{% extends "panel.html" %}
{% block content %}
	<div class="cart">
	{% if shopping_cart %}
		<div class="total">
			<h1>Total: ${{ total|floatformat:2 }}</h1>
		</div>
		<div class="shopping_cart">
			{% for item in shopping_cart %}
				<div class="cart_item ui-state-active">
					<div class="info">
						<h2><a href="#{{item.product_id}}" class="outlet" outlet="product" methods="click">{{ item.title }}</a></h2>
						<h3>{{ item.vendor }}</h3>
						<p>${{ item.price|floatformat:2 }}</p>
					</div>
					<div class="button outlet" outlet="cart_remove" methods="click" index="{{item.index}}" title="{{item.title}}">Remove</div>
					<div class="button outlet" outlet="purchase_link" methods="click" url="{{item.purchase_url}}">Purchase</div>
				</div>
			{% endfor %}
		</div>
	{% else %}
		Your shopping cart is empty
	{% endif %}
	</div>
{% endblock %}
